<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Music - Apple(中国)</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="music_bg">
    <div class="up_nav">
        <div class="container" style="line-height:40px;">
            <广告>
        </div>
    </div>
        
    <div class="nav nav_touming">
        <div class="container">
            <ul class="nav_ul">
                <li><a class="iconfont icon-pingguo icon_color_white" href="index.html"></a></li>
                <li><a class="icon_color_white" href="Mac.html">Mac</a></li>
                <li><a class="icon_color_white" href="iPad.html">iPad</a></li>
                <li><a class="icon_color_white" href="iPhone.html">iPhone</a></li>
                <li><a class="icon_color_white" href="Watch.html">Watch</a></li>
                <li><a class="icon_color_white" style="color:rgba(255,255,255,0.8)" href="Music.html">Music</a></li>
                <li><a class="icon_color_white" href="#">技术支持</a></li>
                <li><a class="iconfont icon-sousuo icon_color_white" href="#"></a></li>
                <li><a class="iconfont icon-gouwudai icon_color_white" href="#"></a></li>
            </ul>
        </div>
    </div><!-- 导航结束 -->
    <div class="Mac_photo Mac_photo_touming">
        <div class="container text-center">
            <div class="inlin">
                <a class="color_white" href="#">
                <span class="iconfont icon-musicnote"></span><br>
                <small>Apple Music</small>
                </a>
            </div>
            <div class="inlin">
                <a class="color_white" href="#">
                    <span class="iconfont icon-musicnote"></span><br>
                    <small>iTunes</small>
                </a>
            </div>
            <div class="inlin">
                <a class="color_white" href="#">
                <span class="iconfont icon-musicnote"></span><br>
                <small>iPod</small>
                </a>
            </div>
            <div class="inlin">
                <a class="color_white" href="#">
                <span class="iconfont icon-musicnote"></span><br>
                <small>Music 配件</small>
                </a>
            </div>
            <div class="inlin">
                <a class="color_white" href="#">
                <span class="iconfont icon-musicnote"></span><br>
                <small>App Store 充值卡</small>
                </a>
            </div>
        </div>
    </div>
    <div>
        <div class="container">
            <div style="margin-top:15%;">
                <img src="images/Music_2.png" alt="">
                <h1 class="color_white">乐不停。</h1>
                <button class="music_btn">开始三个月免费试用<sup>1</sup></button>
                <p style="padding:20px 0"><a class="font_20 color_white" href="#">进一步了解 Apple Music > </a></p>
            </div>
        </div>
    </div>
</div>
<div class="bg_f2" style="position:relative;height:1300px;">
    <div class="container music_1" style="background:#fff">
        <div class="row">
            <h2 class="pad_20" style="padding-left:5%">Apple Music 火热呈献中</h2>
        </div>
        <div class="row">
            <ul class="music_ul1">
                <li style="margin-left:5%;">
                <img src="images/Music_3.jpg" alt="">
                <div class="pad_20">
                    <span>专辑</span><br>
                    <h3>艾德·希兰 - ÷ (Deluxe)</h3>
                    <a href="#">立即开始免费试用以播放</a>
                </div>
                </li>
                <li style="margin-left:5%;">
                <img src="images/Music_4.jpg" alt="">
                <div class="pad_20">
                    <span>歌单</span><br>
                    <h3>徐佳莹的音乐小剧场：喜剧</h3>
                    <a href="#">立即开始免费试用以播放</a>
                </div>
                </li>
                <li style="margin-left:5%;">
                <img src="images/Music_5.jpg" alt="">
                <div class="pad_20">
                    <span>单曲</span><br>
                    <h3>Lana Del Rey - Love - Single</h3>
                    <a href="#">立即开始免费试用以播放</a>
                </div>
                </li>
                <li style="margin-left:5%;">
                <img src="images/Music_6.jpg" alt="">
                <div class="pad_20">
                    <span>专辑</span><br>
                    <h3>Ty. - 1989</h3>
                    <a href="#">立即开始免费试用以播放</a>
                </div>
                </li>
            </ul>
        </div>
        
    </div>
</div>


<div class="music_2">
    <div class="container">
        <figure class="music2_bg music2_bg1">
            <div style="padding-top:30%">
            <h2>
            <span style="display:block;margin-bottom:20px;">AirPods</span>
            无线，无繁琐，只有妙<br>不可言。</h2>
            <p style="padding:20px 0"><a class="font_20 color_black" href="#">进一步了解 AirPods > </a></p>
        </div>
        </figure>
        
    </div>
</div>

<div class="music_2" style="background:#FFF1DE;">
    <div class="container">
        <figure class="music2_bg music2_bg2">
            <div style="padding-top:30%">
            <h2>
            <span style="display:block;margin-bottom:20px;">iPod</span>
            你喜爱的音乐，随身<br>带着走。</h2>
            <p style="padding:20px 0"><a class="font_20 color_black" href="#">进一步了解 iPod > </a></p>
        </div>
        </figure>
        
    </div>
</div>
<div class="music_2" style="background:#E9F7F8;">
    <div class="container">
        <figure class="music2_bg music2_bg3">
            <div style="padding-top:30%">
            <h2>
            <span style="display:block;margin-bottom:20px;">配件</span>
            淋漓尽致，<br>绽放你的音乐。</h2>
            <p style="padding:20px 0"><a class="font_20 color_black" href="#">选购耳机和扬声器 > </a></p>
        </div>
        </figure>
        
    </div>
</div>
<div class="music_2" style="background:#FCE7E3">
    <div class="container">
        <figure class="music2_bg music2_bg4">
            <div style="padding-top:20%">
            <h2>
            <span style="display:block;margin-bottom:20px;">iTunes</span>
            你的私人音乐游<br>乐园。</h2>
            <p style="padding:20px 0">
            <a class="font_20 color_black" href="#">进一步了解iTunes > </a><br>
            <a class="font_20 color_black" href="#">下载 iTunes > </a>
            </p>
        </div>
        </figure>
        
    </div>
</div>
<div class="music_2" style="background:#FCEFFC;">
    <div class="container">
        <figure class="music2_bg music2_bg5">
            <div style="padding-top:15%">
            <h2>
            <span style="display:block;margin-bottom:20px;">App Store 充值卡</span>
            为精彩游戏和 App 更添惊喜<sup>2</sup></h2>
            <p style="padding:20px 0">
            <a class="font_20 color_black" href="#">进一步了解 > </a>
            </p>
        </div>
        </figure>
        
    </div>
</div>

<div class="bg_write pad_20">
    <div class="container">
        <h2 class="pad_20 text-center">多款出色的音乐创作 App，出自 Apple。</h2>
        <div class="text-center pad_20"><img src="images/Music_12.jpg" alt=""></div>
        <div class="row pad_20">
            <div class="col-lg-3">
                <img src="images/Music_13.png" alt="">
                <h3>音乐备忘录</h3>
                <p>轻点手指，捕捉所有音乐灵感，<br>随后将它们转变为佳作。</p>
                <p style="padding:10px 0">
                <a class="font_20 color_black font_16" href="#">进一步了解</a><br>
                <a class="font_20 color_black font_16" href="#">音乐备忘录 > </a>
                </p>
            </div>
            <div class="col-lg-3">
                <img src="images/Music_14.png" alt="">
                <h3>GarageBand</h3>
                <p>以种类丰富的乐器，在 Mac、<br>iPad、iPhone 或 iPod touch 上<br>创作你的音乐。</p>
                <p style="padding:10px 0">
                <a class="font_20 color_black font_16" href="#">进一步了解</a><br>
                <a class="font_20 color_black font_16" href="#">GarageBand > </a>
                </p>
            </div>
            <div class="col-lg-3">
                <img src="images/Music_15.png" alt="">
                <h3>Logic Pro X</h3>
                <p>使用 Mac 上装备齐全的专业录<br>音室，助你成就惊世之作。</p>
                <p style="padding:10px 0">
                <a class="font_20 color_black font_16" href="#">进一步了解</a><br>
                <a class="font_20 color_black font_16" href="#">Logic Pro X > </a>
                </p>
            </div>
            <div class="col-lg-3">
                <img src="images/Music_16.png" alt="">
                <h3>MainStage 3</h3>
                <p>将你的 Mac 变身现场演出装<br>备，令观众耳目一新，难以忘怀。</p>
                <p style="padding:10px 0">
                <a class="font_20 color_black font_16" href="#">进一步了解</a><br>
                <a class="font_20 color_black font_16" href="#">MainStage 3 > </a>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="bg_f2">
    <div class="container">
        <p style="padding:10px 0;border-bottom:1px solid #d6d6d6">
            1.仅限新会员。需要注册。当试用期结束后，会员资格将按月自动续订。<br>
            2.目前仅在部分第三方授权经销商处有售。
        </p>
    </div>
     <div class="container" style="padding:20px 15px">
        <div>
            <span class="iconfont icon-pingguo" style="color:#333"></span> <span style="color:#888888">></span> Music
        </div>
                <ul class="bottom_ul1">
                    <li>
                        <p><b>选购及了解</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>Apple Store 商店</b></p>
                        <ul class="ul_ul">
                           <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>教育应用</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>账户</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>关于Apple</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                </ul>
            </div>

            <div class="container" style="padding:10px 15px;border-bottom:1px solid #888888;color:#888888">
            更多选购方式：前往 <a href="#">Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>
            </div>

            <div class="container">
                <div class="row" style="padding:5px 0;">
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="padding:0;color:#888888">
                    <b>Copyright © 2017 Apple Inc.</b> 保留所有权利。
                    </div>
                    <div class="col-lg-4 col-md-10 col-sm-10 col-xs-10">
                        <ul class="end_ul">
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">使用条款</a></li>
                            <li><a href="#">销售政策</a></li>
                            <li><a href="#">法律信息</a></li>
                            <li style="border:0;"><a href="#">网站地图</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 text-right">
                        <img src="images/china.png" alt="中国">
                        <a href="#">中国</a>
                    </div>
                </div>
                <div class="row" style="color:#888888">
                    京公安网安备 11010502008968 <a href="#" style="color:#888888">京ICP备10214630</a>
                </div>
            </div>
</div>


</body>
</html>